<%--
  Created by IntelliJ IDEA.
  User: dllo
  Date: 18/6/7
  Time: 下午5:55
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link href="/jsps/css/bootstrap.min.css" rel="stylesheet">
    <link href="/jsps/css/myCss.css" rel="stylesheet">
    <link href="/jsps/file/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script src="/jsps/js/html5shiv.js"></script>
    <script src="/jsps/js/jquery.js"></script>
    <script src="/jsps/js/jquery-1.10.2.js"></script>
    <script src="/jsps/js/jquery-ui.js"></script>
    <script src="/jsps/js/jquery-ui-1.11.0.js"></script>
    <script src="/jsps/file/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="row clearfix">
                <div class="col-md-3 column">
                    <h1>
                        梧桐
                    </h1>
                </div>
                <div class="col-md-6 column" style="text-align: center">
                    <p>
                    <h1><em>Welcome</em></h1> <h3>叛逆大胆、黑色幽默 。</h3>
                    </p>
                </div>
                <div class="col-md-1 column">
                </div>
                <div class="col-md-1 column" style="margin-top: 80px;width: auto">
                    <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#login">登录</button>
                </div>
                <div class="col-md-1 column" style="margin-top: 80px;width: auto">
                    <button type="button" class="btn btn-primary btn-sm"data-toggle="modal" data-target="#register">注册</button>
                </div>
            </div>
            <div class="carousel slide" id="carousel-403518">
                <ol class="carousel-indicators">
                    <li class="active" data-slide-to="0" data-target="#carousel-403518">
                    </li>
                    <li data-slide-to="1" data-target="#carousel-403518">
                    </li>
                    <li data-slide-to="2" data-target="#carousel-403518">
                    </li>
                </ol>
                <div class="carousel-inner">
                    <div class="item active">
                        <img alt="" src="/jsps/./file/default(5).jpg" />
                        <div class="carousel-caption">
                            <h4>
                                First Thumbnail label
                            </h4>
                            <p>
                                Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
                            </p>
                        </div>
                    </div>
                    <div class="item">
                        <img alt="" src="/jsps/./file/default(6).jpg" />
                        <div class="carousel-caption">
                            <h4>
                                Second Thumbnail label
                            </h4>
                            <p>
                                Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
                            </p>
                        </div>
                    </div>
                    <div class="item">
                        <img alt="" src="/jsps/./file/default(7).jpg" />
                        <div class="carousel-caption">
                            <h4>
                                Third Thumbnail label
                            </h4>
                            <p>
                                Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
                            </p>
                        </div>
                    </div>
                </div> <a class="left carousel-control" href="#carousel-403518" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#carousel-403518" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
            </div>
            <div class="row clearfix">
                <div class="col-md-12 column">
                    <table class="table">
                        <thead>
                        <tr>
                            <th>
                                用户
                            </th>
                            <th>
                                内容
                            </th>
                            <th>
                                发帖时间
                            </th>
                            <th>
                                状态
                            </th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>
                                1
                            </td>
                            <td>
                                TB - Monthly
                            </td>
                            <td>
                                01/04/2012
                            </td>
                            <td>
                                Default
                            </td>
                        </tr>
                        <tr class="success">
                            <td>
                                1
                            </td>
                            <td>
                                TB - Monthly
                            </td>
                            <td>
                                01/04/2012
                            </td>
                            <td>
                                Approved
                            </td>
                        </tr>
                        <tr class="error">
                            <td>
                                2
                            </td>
                            <td>
                                TB - Monthly
                            </td>
                            <td>
                                02/04/2012
                            </td>
                            <td>
                                Declined
                            </td>
                        </tr>
                        <tr class="warning">
                            <td>
                                3
                            </td>
                            <td>
                                TB - Monthly
                            </td>
                            <td>
                                03/04/2012
                            </td>
                            <td>
                                Pending
                            </td>
                        </tr>
                        <tr class="info">
                            <td>
                                4
                            </td>
                            <td>
                                TB - Monthly
                            </td>
                            <td>
                                04/04/2012
                            </td>
                            <td>
                                Call in to confirm
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<!--模拟框登录-->
<div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document" style="width: 300px ;height: 400px">
        <div class="modal-content">
            <!--<div class="modal-header">-->
            <!--<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>-->
            <!--<h4 class="modal-title" id="myModalLabel">是否删除</h4>-->
            <!--</div>-->
            <div style="text-align: center ; margin-top: 10px">
                <h4>请输入用户名/密码</h4>
            </div>
            <div class="modal-footer" style="text-align: center">
                <form >
                    <label>用户名</label><input name="username" class="form-control">
                    <br>
                    <label>密码</label><input name="password" type="password" class="form-control">
                    <br>
                    <input type="submit" value="提交" class="btn-info btn-block">
                </form>
            </div>
        </div>
    </div>
</div>
<!--模拟框注册-->
<div class="modal fade" id="register" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document" style="width: 300px ;height: 400px">
        <div class="modal-content">
            <!--<div class="modal-header">-->
            <!--<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>-->
            <!--<h4 class="modal-title" id="myModalLabel">是否删除</h4>-->
            <!--</div>-->
            <div style="text-align: center ; margin-top: 10px">
                <h4>请输入注册信息</h4>
            </div>
            <div class="modal-footer" style="text-align: center">
                <form action="/register.do" method="post">
                    <label>用户名</label><input name="username" class="form-control" value="${user.username}">
                    <br>
                    <label>密码</label><input name="password" type="password" class="form-control">
                    <br>
                    <label>性别:</label>&nbsp;&nbsp;<input name="gender" type="radio" value="男" ><label>男</label>&nbsp;&nbsp;
                    <input name="gender" type="radio" value="女" ><label>女</label>
                    <br>
                    <br>
                    <input type="submit" value="提交" class="btn-info">
                </form>
            </div>
        </div>
    </div>
</div>
</body>
</html>
